body{
    background: #9cf url(../images/bg.jpg) fixed;
}
.chat-container{
    height: 600px;
    -webkit-box-shadow: 0 0 6px black;
    -moz-box-shadow: 0 0 6px black;
    box-shadow: 0 0 6px black;
    border-radius: 5px;
}
.chat-sidebar{
    width: 250px;
    height: 100%;
    float: left;
    border-bottom-left-radius: 5px;
}
.chat-userList{
    height: 560px;
    overflow-y: auto;
}
.chat-area{
    height:100%;
    margin-left:250px;
    background-color: #fff;
    border-bottom-right-radius: 5px;
}
.chat-info{
    background-color: #F5F5F5;
    height: 450px;
    overflow-y: auto;
}
.chat-info-list{
    list-style:none;
    margin:0;
    padding:0;
}
.chat-info-list>li{
    overflow: hidden;
}
.chat-item>span{
    margin-top:6px;
}
.chat-item>div{
    padding: 6px 10px;
    max-width: 70%;
    border-radius: 5px;
    position: relative;
    box-shadow: 0 0 5px #E7E7E7;
    line-height:1.2;
}
.chat-item>div:after{
    content: "";
    position: absolute;
    top: 10px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
.chat-item.left>span{
    float: left;
    margin-left: 5px;
}
.chat-item.left>div{
    float: left;
    background: white;
    margin: 3px 0 3px 2%;
}
.chat-item.left>div:after{
    background: white;
    left: -4px;
}
.chat-item.right>span{
    float: right;
    margin-right: 5px;
}
.chat-item.right>div{
    float: right;
    background: #9EEA6A;
    margin: 3px 2% 3px 0;
}
.chat-item.right>div:after{
    background: #9EEA6A;
    right: -4px;
}
.chat-input{
    border-top:1px solid #E0E0E0;
    padding:5px 0;
}
.chat-input>.content{
    display: block;
    width:100%;
    height:100px;
    line-height:1.5;
    border: none;
    padding:10px;
    margin:0;
    overflow-y: auto;
}
.chat-toolbar{
    list-style:none;
    margin:0;
    padding:0;
}
.chat-toolbar-icon{
    float: left;
    margin-left:20px;
}
.qq-face{
    overflow: hidden;
    width: 435px;
    margin-right: -1px;
}
.qq-face a{
    float: left;
    width: 29px;
    height: 29px;
    line-height:29px;
    text-align: center;
    font-size: 0;
    text-indent: -999em;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0;
    cursor: pointer;
}
.fileLib,.fileLib a{
    color: #333;
}
.fileLib{
    width: 500px;
    left:auto;
    right:0;
}
.fileLib:before,.fileLib:after{
    left:auto;
    right: 10px;
}
.am-tabs-bd .am-tab-panel{
    padding: 5px;
}